<!DOCTYPE html>
<!-- prototype 1 . 00 circles game -->
<html>
<head>
<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
<meta name="viewport" content="width=device-width" />
<script src="init.js"></script>
<script src="loader.js"></script>
<script src="global.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/menu.css">
<script src="sequence.js"></script>
<style>
@font-face {
    font-family: font_2;
    src: url(fonts/Righteous-Regular.ttf);
}
@font-face {
    font-family: font_1;
    src: url(fonts/kensington0.ttf);
}

#PORT_VIEW {
  
}
</style>
<script src="func.js"></script>
</head>
<body>

<canvas id="PORT_VIEW" width="694" height="407" style="cursor:default;position:absolute;left:0;top:0;cursor: default;background-color:black;"></canvas>
<div id="TRANSLATE_DOM_R" onclick="TRANSLATE_PLUS()" onmouseout="this.style.backgroundColor='silver';this.blur()" onmouseover="this.style.backgroundColor='orange';" ontouchstart="" style="display:none;cursor:pointer;position:absolute;left:51%;bottom:10%;width:49%;height:5%;background-color:silver;color:black;text-aling:center "> Move right </div>
<div id="TRANSLATE_DOM_L" onclick="TRANSLATE_MINUS()" onmouseout="this.style.backgroundColor='silver';this.blur()" onmouseover="this.style.backgroundColor='orange';" ontouchstart="" style="display:none;cursor:pointer;position:absolute;left:1%;bottom:10%;width:49%;height:5%;background-color:silver;color:black;text-aling:center "> Move left </div>

<script>

E("PORT_VIEW").style.cursor = 'none';

</script>

<audio loop autoplay id="AMBI_SOUND_TAG" >
  <!--source src="horse.ogg" type="audio/ogg"-->
  <source src="audio/Stellardrone_BillionsAndBillions.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>


<script src="voice.js"></script>
<script src="canvas.js"></script>
<script src="objects.js"></script>
<script src="procedure.js"></script>
<script src="table_parts.js"></script>
<script src="draw.js"></script>
<script src="mobile_control.js"></script>
<script src="events.js"></script>
<script src="audio.js"></script>
<script src="onresize.js"></script>
<script src="MISSION_1.js"></script>
<script src="main.js"></script>
<script src="zoom.js"></script>

<script>
NARATOR.LETS_GET_STORY_1();
</script>


<!--ONLY FOR MENU-->


 <ul id="nav" style="position:absolute;top:0;z-index:10000000;" >
   
	<li><a href="#">game</a>
	<ul>
	<li><a href="#" id="fulscreen" onclick="launchIntoFullscreen(document.documentElement);" >Full screen</a></li>
	<li><a href="#" id="music_ambi" onclick="AMBI_SWITCH()" >Music off</a></li>
	<li><a href="#">about</a>
		<ul>
			<li><a href="#">about Us</a>
				<ul>
					<li><a href="#">More About Us at colorfog.com</a></li>
				</ul>
			</li>						
			<li><a href="#">about game</a>
			   <ul>
			       <li><a href="#">Prototype Circles game version beta 2D. Game structure original source code. </a></li>
			   </ul>
			</li>
		</ul>
	</li>
	<li><a href="#">Mission Statement</a>
	<ul>
		<li><a href="#">Mission objective Mission 1 - Move balons to the right . </a></li>
	</ul>
	</li>		
	
	</li>
	

</ul>
	<li>
	<a href="#">Obj selected : <input onkeyup="SET_NEW_NAME(this)"  type="text" id="NAME_OF_SELECTED" data-index_="none"  ></input></a>
	</li>
	</ul>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>	
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js" type="text/javascript"></script>
<script type="text/javascript" src="menu.js"></script>

<body>
</html>



